html.dark {
  --el-text-color-primary: #d0d0d0;
  --el-color-primary-dark-2: var(--el-color-primary-light-2) !important;
  --el-color-primary-light-9: var(--el-color-primary-dark-8) !important;
  --el-color-primary-light-8: var(--el-color-primary-dark-7) !important;
  --el-color-primary-light-7: var(--el-color-primary-dark-6) !important;
  --el-color-primary-light-5: var(--el-color-primary-dark-4) !important;
  --el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
}

html.dark #app {
  background: var(--el-bg-color);
}

html.dark .login_bg {
  background: var(--el-bg-color);
}

html.dark .sjqui-header {
  background: var(--el-bg-color-overlay);
  border-bottom: 1px solid var(--el-border-color-light);
  height: 59px;
}

html.dark .sjqui-side-split {
  background: var(--el-bg-color);
}

html.dark .sjqui-side-split li {
  color: var(--el-text-color-primary);
}

html.dark .sjqui-side {
  background: var(--el-bg-color-overlay);
  border-color: var(--el-border-color-light);
}

html.dark .sjqui-side-top,
html.dark .sjqui-side-bottom {
  border-color: var(--el-border-color-light);
}

html.dark .sjqui-side-top h2 {
  color: var(--el-text-color-primary);
}

html.dark .sjqui-topbar,
html.dark .sjqui-tags {
  background: var(--el-bg-color-overlay);
  border-color: var(--el-border-color-light);
}

html.dark .sjqui-main {
  background: var(--el-bg-color);
}

html.dark .drawerBG {
  background: var(--el-bg-color);
}

html.dark .sjqui-header-menu .el-menu {
  --el-menu-bg-color: var(--el-bg-color-overlay) !important;
  --el-menu-hover-bg-color: #171819 !important;
}

html.dark .sjqui-header-menu .el-menu .el-sub-menu__title {
  background-color: transparent !important;
}

html.dark ::-webkit-scrollbar-thumb {
  background-color: rgba(163, 166, 173, 0.3);
}

html.dark ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(163, 166, 173, 0.5);
}

html.dark .el-header,
html.dark .el-main.nopadding,
html.dark .el-footer {
  background: var(--el-bg-color-overlay);
  border-color: var(--el-border-color-light);
}

html.dark .el-main {
  background: var(--el-bg-color);
}

html.dark .el-aside {
  background: var(--el-bg-color-overlay);
  border-color: var(--el-border-color-light);
}

html.dark .el-table .el-table__body-wrapper {
  background: var(--el-bg-color);
}

html.dark .el-table th.is-sortable:hover {
  background: #111;
}

html.dark .sjqTable-page {
  border-top: 0.01vh solid #48484b;
}

html.dark .mrbj .el-menu-item {
  color: #fff;
}

html.dark .sjqui_header {
  background: var(--el-bg-color-overlay);
  border-bottom: 1px solid;
  border-color: var(--el-border-color-light);
}

html.dark .s-tabs {
  background: #424247;
}

html.dark .s-tab.on {
  background: #55555a;
}